<template>
  <div class="person-container">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="村社审核意见" name="cs">
        <el-form label-position="top" class="cs-box" label-width="80px" :model="formLabelAlign">
          <el-form-item label="1、申请复垦的宅基地现状是否为建设用地？">
            <el-radio-group v-model="formLabelAlign.resource">
              <el-radio label="是"></el-radio>
              <el-radio label="否"></el-radio>
            </el-radio-group>
            <el-input v-model="formLabelAlign.name" placeholder="请输入说明内容"></el-input>
          </el-form-item>
          <el-form-item label="2、申请复垦的宅基地不属于夹心或连体房？">
            <el-radio-group v-model="formLabelAlign.resource">
              <el-radio label="是"></el-radio>
              <el-radio label="否"></el-radio>
            </el-radio-group>
            <el-input v-model="formLabelAlign.name" placeholder="请输入说明内容"></el-input>
          </el-form-item>
          <el-form-item label="3、申请人身份信息是否属实？">
            <el-radio-group v-model="formLabelAlign.resource">
              <el-radio label="是"></el-radio>
              <el-radio label="否"></el-radio>
            </el-radio-group>
            <el-input v-model="formLabelAlign.name" placeholder="请输入说明内容"></el-input>
          </el-form-item>
          <el-form-item label="4、申请人家庭成员情况是否属实？">
            <el-radio-group v-model="formLabelAlign.resource">
              <el-radio label="是"></el-radio>
              <el-radio label="否"></el-radio>
            </el-radio-group>
            <el-input v-model="formLabelAlign.name" placeholder="请输入说明内容"></el-input>
          </el-form-item>
          <el-form-item label="5、宅基地权证信息是否属实？">
            <el-radio-group v-model="formLabelAlign.resource">
              <el-radio label="是"></el-radio>
              <el-radio label="否"></el-radio>
            </el-radio-group>
            <el-input v-model="formLabelAlign.name" placeholder="请输入说明内容"></el-input>
          </el-form-item>
          <el-form-item label="6、申请人类型是否属实？">
            <el-radio-group v-model="formLabelAlign.resource">
              <el-radio label="是"></el-radio>
              <el-radio label="否"></el-radio>
            </el-radio-group>
            <el-input v-model="formLabelAlign.name" placeholder="请输入说明内容"></el-input>
          </el-form-item>
          <el-form-item label="7、申请人去向是否属实？">
            <el-radio-group v-model="formLabelAlign.resource">
              <el-radio label="是"></el-radio>
              <el-radio label="否"></el-radio>
            </el-radio-group>
            <el-input v-model="formLabelAlign.name" placeholder="请输入说明内容"></el-input>
          </el-form-item>
          <div class="layout-box">
            <span class="title">集体经济组织经过审查</span>
            <el-checkbox class="ty" v-model="ty">同意申请复垦</el-checkbox>
            <el-divider></el-divider>
            <el-form :inline="true" class="demo-form-inline">
              <el-form-item label="村审核人姓名：">
                <el-input v-model="formLabelAlign.user" placeholder="村审核人姓名"></el-input>
              </el-form-item>
              <el-form-item label="村审核人职务：">
                <el-input v-model="formLabelAlign.user" placeholder="村审核人职务"></el-input>
              </el-form-item>
              <el-form-item label="联系电话：">
                <el-input v-model="formLabelAlign.user" placeholder="联系电话"></el-input>
              </el-form-item>
              <el-form-item label="审核日期：">
                <el-date-picker v-model="formLabelAlign.date" type="date" placeholder="选择日期"></el-date-picker>
              </el-form-item>
            </el-form>
          </div>
          <el-form-item>
            <el-button type="primary" @click="onSubmit(formLabelAlign)">确定</el-button>
            <el-button>取消</el-button>
          </el-form-item>
        </el-form>
      </el-tab-pane>
      <el-tab-pane label="乡镇街道意见" name="xz">
                <el-form label-position="top" class="cs-box" label-width="80px" :model="formLabelAlign">
          <el-form-item label="1、申请资料要件是否齐全？">
            <el-radio-group v-model="formLabelAlign.resource">
              <el-radio label="是"></el-radio>
              <el-radio label="否"></el-radio>
            </el-radio-group>
            <el-input v-model="formLabelAlign.name" placeholder="请输入说明内容"></el-input>
          </el-form-item>
          <el-form-item label="2、申请复垦的宅基地是否在城镇扩展边界之外">
            <el-radio-group v-model="formLabelAlign.resource">
              <el-radio label="是"></el-radio>
              <el-radio label="否"></el-radio>
            </el-radio-group>
            <el-input v-model="formLabelAlign.name" placeholder="请输入说明内容"></el-input>
          </el-form-item>
          <el-form-item label="3、土地权属关系是否真实有效？">
            <el-radio-group v-model="formLabelAlign.resource">
              <el-radio label="是"></el-radio>
              <el-radio label="否"></el-radio>
            </el-radio-group>
            <el-input v-model="formLabelAlign.name" placeholder="请输入说明内容"></el-input>
          </el-form-item>
          <el-form-item label="4、土地权属关系是否真实有效？">
            <el-radio-group v-model="formLabelAlign.resource">
              <el-radio label="是"></el-radio>
              <el-radio label="否"></el-radio>
            </el-radio-group>
            <el-input v-model="formLabelAlign.name" placeholder="请输入说明内容"></el-input>
          </el-form-item>
          <div class="layout-box">
            <span class="title">乡镇经过审查</span>
            <el-checkbox class="ty" v-model="ty">同意上报</el-checkbox>
            <el-divider></el-divider>
            <el-form :inline="true" class="demo-form-inline">
              <el-form-item label="村审核人姓名：">
                <el-input v-model="formLabelAlign.user" placeholder="村审核人姓名"></el-input>
              </el-form-item>
              <el-form-item label="村审核人职务：">
                <el-input v-model="formLabelAlign.user" placeholder="村审核人职务"></el-input>
              </el-form-item>
              <el-form-item label="联系电话：">
                <el-input v-model="formLabelAlign.user" placeholder="联系电话"></el-input>
              </el-form-item>
              <el-form-item label="审核日期：">
                <el-date-picker v-model="formLabelAlign.date" type="date" placeholder="选择日期"></el-date-picker>
              </el-form-item>
            </el-form>
          </div>
          <el-form-item>
            <el-button type="primary" @click="onSubmit(formLabelAlign)">确定</el-button>
            <el-button>取消</el-button>
          </el-form-item>
        </el-form>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import xTable from "@/views/xtable.vue";
import { getList } from "@/api/table";
import { setTimeout } from "timers";
export default {
  components: {
    xTable
  },
  data() {
    return {
      activeName: "cs",
      formLabelAlign: {
        name: "",
        region: "",
        type: ""
      },
      ty: true
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
    onSubmit(data) {
      console.log(data);
    }
  },
  mounted() {}
};
</script>

<style lang="scss" scoped>
.person-container {
  padding: 30px;
  .layout-box {
    margin-top: 30px;
    .title {
      width: 140px;
      height: 20px;
      font-size: 18px;
      color: rgba(72, 73, 77, 1);
      line-height: 20px;
      font-weight: bold;
    }
    .ty {
      margin-left: 40px;
    }
  }
}
</style>
<style lang="scss" scoped>
/deep/ .el-tabs__item {
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  font-weight: bold;
}
.cs-box {
  /deep/ .el-input__inner {
    width: 390px;
  }
  .layout-box {
    /deep/ .el-input__inner {
      width: 180px;
    }
  }
}
</style>
